// 1.导入jquery
//语法报错，直接在浏览器运行，不支持es6语法
//需要使用其它扩展，把es6编译成之前的js语法格式
//使用webpack进行编译

//2.虽然现在命令简单了，可以直接使用npm run dev进行编译，
//但是每次修改代码都需要手动 执行命令，还是比较繁琐
//所以，可以使用webpack-dev-server扩展包，进行自动打包
//注意，webpack-dev-server需要依赖本地安装webpack，所以
//本地 本地项目需要运行npm i webpack

// 注意，webpack4.0 默认的入口文件是index.js，之前是写的main.js，而且在package.json中
//也设置了main:'main.js',但依然不行，所以，还是默认的文件名称
//参考  https://stackoverflow.com/questions/49772863/webpack-4-error-in-entry-module-not-found-error-cant-resolve-src?rq=1


// webpack-dev-server
// --open 自动打开页面
// --prot 8081  指定端口
// --contentBase src  打开指向的目录，默认是根目录，而index.html是在src目录下
// --hot 热更新，即增量更新，只重新编译修改部分，而不是重新整个编译，在大型项目中可以提高编译性能
import $ from 'jquery';

//导入css
//webpack 默认只能处理js文件，不能处理css如果需要处理css 需要安装第三方的loader处理器
//如果需要处理css，可安装下面的loader
//cnpm i style-loader css-loader -D

import './css/index.css';


//导入less文件
// cnpm i less -D
// cnpm i less-loader
import './css/index.less'

//引入bootstrap
import 'bootstrap/dist/css/bootstrap.css'


// ES6语法，浏览器无法解析，需要安装第三方的loader来处理
// cnpm i babel-core babel-loader babel-plugin-transform-runtime -D 基础依赖包
// cnpm i babel-preset-env babel-preset-stage-0  // 语法包
// 在webpack的配置文件里配置rules
// 在根目录里添加.babelrc文件，并配置语法和插件

//注意：Cannot find module '@babel/core'  babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('babel-core'), you should install 'babel-loader@7'.
//大致的意思就是，如果使用babel-loader@8，则必须使用babel7.x  如果要使用babel-loader7.x 则需要安装babel 6.x
//当前项目的依赖版本信息，可以在package.json文件里查看

class Person {
	static info = {name:'sid.lee',age:32}
}

console.log(Person.info);

$(function(){
    $('li:odd').css('backgroundColor','yellow');
    $('li:even').css('backgroundColor','green');

});